<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<!--    <script src="//code.jquery.com/jquery-1.12.4.js"></script>-->
    <script  type="text/javascript">
        function onloaded(){

            let uls = document.getElementById("result_ul");
            {{ data | safe }}.forEach( e =>{
                var tr = document.createElement("tr");
                var td = document.createElement("td");
                td.innerText = e['time'];
                tr.appendChild(td);

                var td2 = document.createElement("td");
                td2.innerText = e['price'];
                tr.appendChild(td2);

                uls.appendChild(tr);
            });

                var iframe = document.getElementById('iframe')
               iframe.src = '{{ detail | safe }}';
<!--               if (iframe.contentWindow.document.body) {-->
<!--                    var contentHeight = iframe.contentWindow.document.body.scrollHeight;-->
<!--                    iframe.height = contentHeight + 'px';-->
<!--                }-->
        }
    </script>
</head>
<body onload="onloaded()">
<div id="div"></div>
<table id="result_ul" >
    <tr>
        <td>调价时间</td>
        <td>价格</td>
    </tr>
</table>
<iframe width="100%" height="720px" style="border:none;" id="iframe"></iframe>
</body>
</html>